<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title><?php echo $page_title?></title>
<link href="<?php echo base_url(); ?>images/icono.ico"
	rel="shortcut icon" type="image/x-icon">
<link rel="stylesheet" type="text/css"
	href="<?php echo base_url(); ?>css/registrate.css">
<link rel="stylesheet" type="text/css"
	href="<?php echo base_url(); ?>css/tabs.css">

<script type="text/javascript"
	src="<?php echo base_url(); ?>js/jquery.min.js"></script>
<script type="text/javascript">
			function busca_marca(){				
				var proveedor = document.Rbuscar_marcas.txtUsuario.value;
				var id_proveedor = document.Rbuscar_marcas.txtCodigo.value;
				//alert ("El codigo es: " + usuario);
				$('#sinmarcas').load('sinmarcas?proveedor='+proveedor+'&id_proveedor='+id_proveedor);
				$('#conmarcas').load('conmarcas?proveedor='+proveedor+'&id_proveedor='+id_proveedor);
			
			}

			function cambiaProvincia (select) {
    			var selectedOption = select.options[select.selectedIndex];
        		//alert ("The selected option is " + selectedOption.value);
        		$('#pro').load('cargarProvincia?cbxDepartamento='+selectedOption.value);
    		}

    		function cambiaDistrito () {
    			/*
    	    	 * 02/06/2015
    	    	 se llamo a provincia y departamento por medio de variables y luego
    	    	 se las paso a la funcion cargarDistrito 	 
    	    	 */
    			var prov = document.Rproveedor.cbxProvincia.value;  
    			var dept = document.Rproveedor.cbxDepartamento.value;     		
        		$('#dis').load('cargarDistrito?prov='+prov+'&dept='+dept);
    		}        
		</script>

<script type="text/javascript">
			function justNumbers(e){
				var keynum = window.event ? window.event.keyCode : e.which;
        		if ((keynum == 8) || (keynum == 46))
					return true;
         		return /\d/.test(String.fromCharCode(keynum));
        	}
        				
			$().ready(function() {
				$('.pasar').click(function() { return !$('#marca_origen option:selected').remove().appendTo('#marca_destino'); });  
				$('.quitar').click(function() { 
					return !$('#marca_destino option:selected').remove().appendTo('#marca_origen');							
				});
				$('.pasartodos').click(function() { $('#marca_origen option').each(function(){
					$(this).remove().appendTo('#marca_destino');}); });
				$('.quitartodos').click(function() { $('#marca_destino option').each(function(){
					$(this).remove().appendTo('#marca_origen');});});
				$('#guardar').click(function() { 
					//$('#marca_destino option').prop('selected', 'selected');
					$('#marca_destino option').prop("selected", true);			 
				});		
			});	
</script>

</head>
<body  onload="busca_marca()">

	<div class="flex-container">
		<div>
			<img class="barra"
				src="<?php echo base_url();?>images/repuestock.png" />
		</div>
		<div>
			<img class="barra" src="<?php echo base_url();?>images/red.png" />
		</div>
	</div>

	<section id="main">

		<h4
			class="<?php
			if (isset ( $class ))
				echo $class;
			else
				echo "alert_info"?>">
        			<?
											
											if (isset ( $mensaje ))
												echo $mensaje;
											else
												echo "Usted puede buscar y/o ordenar los datos.";
											?>
   			 	</h4>

		<article class="module width_full">
			<header>
				<h3><?= $page_title ?></h3>
			</header>
			<div class="module_content" id="contenido">
						<?
						
						if (isset ( $logo ))
							echo "<center><img src='" . base_url () . "images/bienvenido.png' height='225' width='500'></center>";
						?>

<div class="formulario">
					<form name="Rbuscar_marcas"
						action="<?php echo base_url(); ?>index.php/proveedor/actualizaMarcas"
						method="POST">
						<fieldset>
							<legend>Buscar</legend>
							<table>
								<tr>
									<td><label>Proveedor:</label></td>
									<td><input type="text" name="txtUsuario" size="50"
										oninput="busca_marca()" <?php if(isset($nom_proveedor)){ ?>
										value="<?php
											
											echo $nom_proveedor;
										}
										?>"
										<?php if (isset($usuario)) { ?>
										value="<?php
											
											echo $usuario;
										}
										?>"
										pattern='[a-zA-Z0-9_]{0,40}' maxlength="40" required> <input
										type="hidden" name="txtCodigo"
										value="<?php if (isset($idSolUsuario)){echo $idSolUsuario;}else{ echo '';}?>">
										<input type="hidden"  name="codigo" value="1">
									</td>
								</tr>
							</table>
						</fieldset>
						<fieldset>
							<table>
								<tr>
									<td
										style="vertical-align: middle; text-align: center; width: 45%;">
										<fieldset>
											<legend>Marcas</legend>
											<div id="sinmarcas">
												<select size="6" name="marca_origen[]" id="marca_origen"
													multiple="multiple">
													<option value="">
														&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
														&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
													</option>
													<!--<?php foreach ($marcas as $m) {?>
									<option value="<?php echo $m->id_marca; ?>">
										<?php echo $m->nombre;?>
									</option>
									<?php } ?>-->
												</select>
											</div>
										</fieldset>
									</td>
									<td style="vertical-align: middle; text-align: center;"><input
										type="button" class="pasar izq" name="pasar" value="Pasar »">
										<input type="button" class="quitar der" name="quitar"
										value="« Quitar"><br> <input type="button"
										class="pasartodos izq" name="todos" value="Todos »"> <input
										type="button" class="quitartodos der" name="quitartodos"
										value="« Todos"></td>
									<td
										style="vertical-align: middle; text-align: center; width: 45%;">
										<fieldset>
											<legend>Marcas a cotizar</legend>
											<div id="conmarcas">
												<select size="6" name="marca_destino[]" id="marca_destino"
													multiple="multiple" onchange="opcionSelected()" required>
													<option value="">
														&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
														&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
													</option>
												</select>
											</div>
										</fieldset>
									</td>
								</tr>
								<tr>
									<td colspan="3"
										style="vertical-align: middle; text-align: center;"><input
										type="submit" value="Guardar" name="guardar" id="guardar">
										<input type="button" onclick="location.href='<?php echo base_url();?>index.php/proveedor/registrate'" value="Cancelar"
										onclick="return confirm('¿Está seguro de cancelar la operación?')">
									</td>
								</tr>
							</table>
						</fieldset>
					</form>
				</div>

</body>
</html>